/*
 * @Author: “lichen”
 * @Date: 2023-06-07 11:28:45
 * @LastEditors: “lichen”
 * @LastEditTime: 2023-06-08 14:37:52
 * @Description: 
 */
import { Swiper } from "@/components/swiper";
import LazyImage from "@/components/lazyImage";
import Waterfall from "@/components/waterfall";
import { useState } from "react";
function Demo() {
    const [imgArr, setimgArr] = useState([
        "https://img0.baidu.com/it/u=1797544775,2912350681&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800",
        "https://img1.baidu.com/it/u=2396404004,3078543528&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
        "https://img2.baidu.com/it/u=551125832,420285419&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
        "https://img1.baidu.com/it/u=1304255642,2961408783&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
        "https://img2.baidu.com/it/u=551125832,420285419&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
        "https://img1.baidu.com/it/u=1304255642,2961408783&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
    ]);
    return ( 
        <div>
            {/* <Swiper></Swiper> 
            <LazyImage></LazyImage> */}
            <Waterfall maxColumnsNum={3} imgArr={imgArr}></Waterfall>
        </div>
    );
}

export default Demo;